<template>
    <div class="datale">
      <el-container style="border: 1px solid #eee">
        <el-aside width="239px" style="background-color: rgb(238, 241, 246)">
          <el-menu :default-active="defaultActive" router>
            <el-submenu index="0">
              <template slot="title"><i class="el-icon-message"></i>账户管理</template>
              <el-menu-item-group>
                <el-menu-item index="bu101">账户信息</el-menu-item>
                <el-menu-item index="bu102">创建子账号</el-menu-item>
                <el-menu-item index="bu103">权限管理</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="1">
              <template slot="title"><i class="el-icon-message"></i>订单管理</template>
              <el-menu-item-group>
                <el-menu-item index="bu11">订单查询</el-menu-item>
                <el-menu-item index="bu12">订单中心</el-menu-item>
                <el-menu-item index="bu13">发货中心</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title"><i class="el-icon-message"></i>营销推广</template>
              <el-menu-item-group>
                <el-menu-item index="bu21">我的推广</el-menu-item>
                <el-menu-item index="bu22">推广报表</el-menu-item>
                <el-menu-item index="bu23">推广账户</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="3">
              <template slot="title"><i class="el-icon-message"></i>物流中心</template>
              <el-menu-item-group>
                <el-menu-item index="bu31">物流状态查询</el-menu-item>
                <el-menu-item index="bu32">物流数据中心</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="4">
              <template slot="title"><i class="el-icon-message"></i>活动管理</template>
              <el-menu-item-group>
                <el-menu-item index="bu41">发起新活动</el-menu-item>
                <el-menu-item index="bu42">待审核活动</el-menu-item>
                <el-menu-item index="bu43">审核成功活动</el-menu-item>
                <el-menu-item index="bu44">正在进行的活动</el-menu-item>
                <el-menu-item index="bu45">待定价活动</el-menu-item>
                <el-menu-item index="bu46">查看获奖名单</el-menu-item>
                <el-menu-item index="bu47">全部活动</el-menu-item>
                <el-menu-item index="bu48">体验报告中心</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="11">
              <template slot="title"><i class="el-icon-message"></i>卡券管理</template>
              <el-menu-item-group>
                <el-menu-item index="bussCouponIndex">卡券使用记录</el-menu-item>
                <el-menu-item index="bussFreeCoupon">免费券核销</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="5">
              <template slot="title"><i class="el-icon-message"></i>售后管理</template>
              <el-menu-item-group>
                <el-menu-item index="bu51">退款售后</el-menu-item>
                <el-menu-item index="bu52">退款地址管理</el-menu-item>
                <el-menu-item index="bu53">售后联系方式</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="6">
              <template slot="title"><i class="el-icon-message"></i>客服管理</template>
              <el-menu-item-group>
                <el-menu-item index="lkfgl1">消息设置</el-menu-item>
                <el-menu-item index="lkfgl2">聊天记录查询</el-menu-item>
                <el-menu-item index="lkfgl3">待付款支付通知</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="7">
              <template slot="title"><i class="el-icon-message"></i>账户资金</template>
              <el-menu-item-group>
                <el-menu-item index="bu71">货款账户</el-menu-item>
                <el-menu-item index="bu72">货款对账单</el-menu-item>
                <el-menu-item index="bu73">保证金账户</el-menu-item>
                <el-menu-item index="bu74">发票管理</el-menu-item>
                <el-menu-item index="buIntegral">积分账户</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="8">
              <template slot="title"><i class="el-icon-message"></i>数据中心</template>
              <el-menu-item-group>
                <el-menu-item index="bu91">经营总览</el-menu-item>
                <el-menu-item index="bu92">活动数据</el-menu-item>
                <el-menu-item index="bu93">交易数据</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="9">
              <template slot="title"><i class="el-icon-message"></i>消息中心</template>
              <el-menu-item-group>
                <el-menu-item index="lsxxzx">系统消息</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="10">
              <template slot="title"><i class="el-icon-message"></i>帮助中心</template>
              <el-menu-item-group>
                <el-menu-item index="bussHelpIssue">开店相关问题</el-menu-item>
                <el-menu-item index="bussHelpOrder">订单及物流</el-menu-item>
                <el-menu-item index="bussHelpRegulate">活动管理相关问题</el-menu-item>
                <el-menu-item index="bussHelpRule">平台规则</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
          </el-menu>
        </el-aside>
      </el-container>
            
            
            
            
            <!-- <div class="borebon">
              <ul>
                <span>订单管理</span>
                <li><router-link to="/bu11">订单查询</router-link></li>
                <li><router-link to="/bu12">订单中心</router-link></li>
                <li><router-link to="/bu13">发货中心</router-link></li>
              </ul>
            </div>
            <div class="borebon">
              <ul>
                <span>营销推广</span>
                <li><router-link to="/bu21">我的推广</router-link></li>
                <li><router-link to="/bu22">推广报表</router-link></li>
                <li><router-link to="/bu23">推广账户</router-link></li>
              </ul>
            </div>
            <div class="borebon">
              <ul>
                <span>物流中心</span>
                <li><router-link to="/bu31">物流状态查询</router-link> </li>
                <li><router-link to="/bu32"> 物流数据中心</router-link></li>
              </ul>
            </div>
            <div class="borebon">
              <ul>
                <span>活动管理</span>
                <li><router-link to="/bu41">发起新活动</router-link> </li>
                <li><router-link to="/bu42"> 待审核活动</router-link></li>
                <li><router-link to="/bu43">审核成功活动 </router-link></li>
                <li><router-link to="/bu44">正在进行的活动</router-link></li>
                <li><router-link to="/bu45">待定价活动 </router-link></li>
                <li><router-link to="/bu46"> 查看获奖名单</router-link></li>
                <li><router-link to="/bu47">全部活动 </router-link></li>
                <li><router-link to="/bu48">体验报告中心 </router-link></li>
              </ul>
            </div>
            <div class="borebon">
              <ul>
                <span>售后管理</span>
                <li><router-link to="/bu51">退款售后 </router-link> </li>
                <li> <router-link to="/bu52">退货地址管理</router-link></li>
                <li><router-link to="/bu53">售后联系方式</router-link></li>
              </ul>
            </div>

            <div class="borebon">
              <ul>
                <span>客服管理</span>
                <li><router-link to="/lkfgl1">消息设置 </router-link>  </li>
                <li><router-link to="/lkfgl2">聊天记录查询</router-link></li>
                <li><router-link to="/lkfgl3">待付款支付通知</router-link> </li>
              </ul>
            </div>
            <div class="borebon">
              <ul>
                <span>账户资金</span>
                <li><router-link to="/bu71">货款账户 </router-link>  </li>
                <li><router-link to="/bu72">货款对账单</router-link></li>
                <li><router-link to="/bu73"> 保证金账户</router-link> </li>
                <li> <router-link to="/bu74">发票管理</router-link></li>
              </ul>
            </div>
            <div class="borebon">
              <ul>
                <span>数据中心</span>
                <li><router-link to="/bu91">经营总览</router-link></li>
                <li><router-link to="/bu92"> 活动数据</router-link></li>
                <li><router-link to="/bu93"> 交易数据 </router-link></li>
              </ul>
            </div>
             <div class="borebon">
              <ul>
                <span>消息中心</span>
                <li><router-link to="/lsxxzx">系统消息</router-link></li>
              </ul>
            </div>
            <div class="borebon sonh_g">
              <ul>
                <span>帮助中心</span>
                <li>开店相关问题</li>
                <li>订单及物流   </li>
                <li>活动管理相关问题</li>
                <li> 平台规则 </li>
              </ul>
            </div> -->


  </div>
</template>
<script>
export default {
  computed:{
    defaultActive: function() {
      return this.$route.path.replace("/", "");
    },
  },
}
</script>
<style scoped>
.datale .router-link-exact-active {
  color: #ff9381;
}
.datale a:hover{
  color: #ff9381;
}
.el-menu{
  border-radius: 5px;
}
.datale {
    width: 239px;
  min-height:950px;
  height: inherit;
	background-color: #ffffff;
	border-radius: 6px;
}   
.borebon {
  border-bottom: 2px solid #e5e5e5;
}
.borebon ul{
  display: inline-block;
  margin-left: 15px;
}
.borebon ul span{
  font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #313131;
  display: block;
  margin-top: 10px;
}
.borebon ul li {
  display: inline-block;
  width: 107px;
  line-height: 25px;
}
.sonh_g li{
  width: 150px!important
} 

.el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }
  
  .el-aside {
    color: #333;
  }
</style>